<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS三大特性</title>

    <style>

        p {
            /*!important权重无穷大，很少用*/
            color: #ea29ff !important;
        }
    </style>
</head>
<body>

<h2>CSS三大特性</h2>
<p>1.层叠性：出现样式冲突以最后的样式为准</p>
<p>2.继承性：字标签会继承父标签某些样式：字号、字色</p>
<p>3.优先级：标签的权重为0,0,0,1;类选择器权重为0,0,1,0;id选择器权重0,1,0,0;行内样式1,0,0,0;权重最大为!important
    *的权重0,0,0,0;
</p>
<p>优先级从左到右，左边最大，一级大于一级而且多个选择器相加没有进制关系</p>
<p>权重可以叠加 div p>p -->div下的p的权重比p自己的权重大</p>
<p>a:hover-->伪类的权重同类选择器为0010,a为0001,综合为0011</p>
<p>继承的权重为0</p>
</body>
</html>